<template>
    <div class="jgmc">
        <header>
            <p>北京破产法庭诉讼指引</p>
        </header>
        <div class="centent">
            <div>
                <router-link to="glrm">
                    <dl>
                        <dt>
                            <img src="../../assets/img/glrymc.png" alt="">
                        </dt>
                        <dd>
                            <p>北京市破产案件</p>
                            <p>管理人名册</p>
                        </dd>
                    </dl>
                </router-link>
            </div>
            <div>
                <router-link to="dbgs">
                    <dl>
                        <dt>
                            <img src="../../assets/img/dbgsmc.png" alt="">
                        </dt>
                        <dd>
                            <p>北京市法院信用 </p>
                            <p>担保公司名册</p>
                        </dd>
                    </dl>
                </router-link>
            </div>
            <div>
                <router-link to="fymc">
                    <dl>
                        <dt>
                            <img src="../../assets/img/fyjgmc.png" alt="">
                        </dt>
                        <dd>
                            <p>北京市法院翻</p>
                            <p>译机构名册</p>
                        </dd>
                    </dl>
                </router-link>
            </div>
        </div>
        <div class="group">
            <div class="shouye">
                <img @click="backIndex" src="../../assets/img/shouye.png" alt="">
            </div>
            <div class="fanhui">
                <img @click="backIndex" src="../../assets/img/fanhui.png" alt="">
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'jgmc',
        methods: {
            backIndex(){
                this.$router.go(-1)
            }
        }
    }
</script>

<style lang="less">
    .jgmc{
        position: relative;
        background: url('../../assets/img/bg.png') no-repeat;
        background-size: 100% 100%;
        height: 1920px;
        box-sizing: border-box;
        header{
            height: 150px;
            background: url('../../assets/img/header_bg.png') no-repeat;
            background-size: 100% 100%;
            p{
                color:#fff;
                font-size: 48px;
                text-align: center;
                line-height: 145px;
            }
        }
        .centent{
            padding:100px 140px;
            background-size: 100% 100%;
            box-sizing: border-box;

            dl{
                overflow: hidden;
                width: 100%;
                display: block;
                dt{
                    float: left;
                    width: 323px;
                    img{
                        width: 100%;
                    }
                }
                dd{
                    float: left;
                    p{
                        color:#fff;
                        font-size:36px;
                        line-height: 60px;
                        margin-left: 40px;
                    }
                    p:nth-child(1){
                        margin-top: 90px;
                    }
                }
                margin-bottom: 150px;
                clear: both;
            }
        }

        .group{
            width: 100%;
            position: absolute;
            bottom:50px;
            div{
                width: 50%;
                float: left;
            }
            .shouye{
                box-sizing: border-box;
                text-align: right;
                padding-right: 30px;
            }
            .fanhui{
                box-sizing: border-box;
                text-align: left;
                padding-left: 30px;
            }
        }
    }
</style>